<template>
  <div v-if="false" class="px-4">
    <div class="text-lg mt-4 font-semibold text-xl">金绣国际大酒店欢迎您</div>
    <div class="my-2">
      <text style="color: #6d7892">金绣国际大酒店</text>
      <text class="text-sm ml-2" style="color: #b4b0b4">2021年4月6日</text>
    </div>

    <rich-text nodes="文章内容"></rich-text>

    <div class="flex justify-between mt-2">
      <text style="color: #b4b0b4">浏览量 570</text>
      <text class="text-sm" style="color: #6d7892">喜欢 3</text>
    </div>
    <div class="mt-2">
      <image
        class="h-10 w-10 rounded-full"
        src="../../static/images/invoice.png"
        alt=""
        mode="heightFix"
      />
      <image
        class="h-10 w-10 rounded-full"
        src="../../static/images/boss.png"
        alt=""
        mode="heightFix"
      />
      <image
        class="h-10 w-10 rounded-full"
        src="../../static/images/meituan.png"
        alt=""
        mode="heightFix"
      />
    </div>
  </div>

  <web-view
    :fullscreen="true"
    :webview-styles="webviewStyles"
    :src="
      url ||
      'https://top.yfwnm.com/index.php/Article/index?bid=33547&sn=222110785161563278'
    "
  />
</template>

<script setup lang="ts">
import { computed } from "vue";

const webviewStyles = {
  progress: {
    color: "#FF3333",
  },
  flex: 1,
};

const url = computed(() => uni.getStorageSync("mall_url"));
</script>

<style scoped></style>
